import React, { FC, memo } from "react"
// import ErrorOverview from "./c-cpns/ErrorOverview"
import ErrorAreaChart from "./c-cpns/ErrorAreaChart"
import { Col, Row, Space } from "antd"
// import ErrorFilter from "./c-cpns/ErrorFilter"
import ErrorList from "./c-cpns/ErrorList"
import { useTitle } from "ahooks"
import ErrorTest from "./c-cpns/ErrorTest"

const ErrorTracking: FC = () => {
    // 修改标题（使用第三方hook）
    useTitle("web-monitor - 错误监控")
    return (
        <>
            <Space direction="vertical" size={10} style={{ width: "100%" }}>
                <Row style={{ width: "100%" }}>
                    <Col span={24}>
                        <ErrorAreaChart />
                    </Col>
                </Row>
                {/* <Row style={{ width: "100%" }}>
                    <Col span={24}>
                        <ErrorFilter />
                    </Col>
                </Row> */}

                <Row style={{ width: "100%" }}>
                    <Col span={24}>
                        <ErrorTest />
                    </Col>
                </Row>
                <Row style={{ width: "100%" }}>
                    <Col span={24}>
                        <ErrorList />
                    </Col>
                </Row>
            </Space>
        </>
    )
}
export default memo(ErrorTracking)
